/**
 * 封装(复用) 全局axios请求方法
 * 步骤:
 * 1.导入axios
 * 2.使用axios.create()方法创建新axios实例
 * 3.给新创建的axios实例添加请求和响应拦截器
 * 4.导出创建的新axios实例
 */

import axios from 'axios'

import store from '../store'
// router === 页面的this.$router
import router from '../router'

const request = axios.create({
  baseURL: 'http://geek.itheima.net/v1_0/'
})

// 添加请求拦截器 => 发请求之前执行
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么 =>统一给header添加token  添加请求头
  /**
   * 需求：
   * 1.有token
   * 2.不是登录、注册等接口
   * 采取添加haders的token
   * 说明: authorizations是登录的接口地址
   */
  // console.log('发请求之前: ', config)
  if (store.state.user.token && config.url !== 'authorizations') {
    // config.headers是个对象: {} => 追加
    config.headers.Authorization = `Bearer ${store.state.user.token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器=>请求发送之后，后端响应了执行了 => 拦截器先拿到后台的response数据
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么 => 简化返回给页面的数据
  // console.log(111, response)
  const _data = {
    status: response.status, // status是状态码
    data: response.data.data
  }
  return _data
}, async function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。=> 例如：401会进入这里
  // 对响应错误做点什么
  console.log('拦截器捕获到的错误: ')
  console.dir(error)
  // 说明: js中可以通过router.currentRoute.path =》获取当前访问页面的地址
  const loginPath = `/login?redirectUrl = ${router.currentRoute.path}`
  try {
    // 处理401情况：是否需要更新token
    if (error.response && error.response.status === 401) {
      console.log('处理401情况: 是否需要更新token')
      /**
       * 1).没有登录 =>没有token
       * 跳转回登录页面(带上上次访问页面的地址)
       * 2).已经登录(核心) => 有token => {token:发请求, refresh_token:token失效，更新时使用}
       * 1. token过期,refresh_token没有过期=> 使用refresh_token发请求，更新过期token => 重新发送上次401的请求
       * 2. token过期,refresh_token过期 =>  跳转回登录页面(带上上次访问页面的地址)
       *
       */
      // 1） 没有登录=》没有token
      // 从store获取token
      const { user } = store.state
      if (!user.token || !user.refresh_token) {
        router.replace(loginPath)
        // 中断请求，并抛出错误
        return Promise.reject(error)
      }
      // 2） 已经登录（核心）=》有token=》{token:发请求, refresh_token：token失效，更新时使用}
      const { data } = await request({
        url: 'authorizations',
        method: 'put',
        headers: {
          Authorization: `Bearer ${user.refresh_token}`
        }
      })
      console.log('获取到的新token: ', data)
      store.commit('setToken', {
        token: data.token, // 存新的token
        refresh_token: user.refresh_token
      })
      // 重点： 重新发送401的请求
      return request(error.config)
    }
  } catch (error) {
    // token过期了，refresh_token过期了 =》跳转回登录页面（带上上次访问页面的地址）
    router.replace(loginPath)
    // 中断请求，并抛出错误
    return Promise.reject(error)
  }
  return Promise.reject(error)
})

export default request
